<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../commonCss/reset.css">
    <link rel="stylesheet" href="../commonCss/vant.css">
    <link rel="stylesheet" href="../css/qualityPage.css">
</head>

<body>
    <div id="qualityPage" v-cloak>

        <!-- <van-sticky>
            <van-nav-bar style="background-color: #e1e1e1e1;">
                <template #title>
                    <span style="font-size: 16px;font-weight: bold;">质量反馈单</span>
                </template>
            </van-nav-bar>
        </van-sticky>

        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" :immediate-check="false">
            <van-cell  v-for="item in 10" :key="item" :title="item.ROWID" @click="msgPopoverBtn(item.touchanid)">
                <template #title>
                    <div class="isflexBet">
                        <p>编号：GD21010802TH01</p>
                        <p style="color: #3498db">待审核</p>
                    </div>
                </template>
                <template #label>

                </template>
            </van-cell>

        </van-list> -->

        <van-popup v-model="msgPopover" position="right" style="width: 100%;height: 100%;">
            <div class="bar">
                <van-sticky>
                    <van-nav-bar title="查看详情"></van-nav-bar>
                </van-sticky>


                <div class="box">

                    <van-row type="flex" justify="space-between">
                        <van-col>编号：<span>{{list.bh}}</span></van-col>
                        <van-col>类型：<span>{{list.leixing}}</span></van-col>
                    </van-row>
                    <van-row type="flex" justify="space-between">
                        <van-col>单号：<span>{{list.ddbh}}</span></van-col>
                        <van-col>轴号：<span>{{list.zCode}}</span></van-col>
                    </van-row>
                    <van-row type="flex" justify="space-between">
                        <van-col>客户：<span>{{list.jianxie}}</span></van-col>
                    </van-row>
                    <van-row type="flex" justify="space-between">
                        <van-col>品名：<span>{{list.cpbh}}</span></van-col>
                        <van-col>部门：<span>{{list.bm}}</span></van-col>
                    </van-row>



                    <van-row type="flex" justify="space-between">
                        <van-col>单价：<span>{{list.danjia}}</span></van-col>
                        <van-col>数量：<span>{{list.tuihuoshuliang}}</span>码</van-col>
                        <van-col>匹数：<span>{{list.pishu}}</span></van-col>
                    </van-row>
                    <van-row type="flex" justify="space-between">
                        <van-col>
                            金额：
                            <span>{{list.amount}}</span>
                            <span style="color: red;">(若扣款为负数)</span>
                        </van-col>
                    </van-row>
                    <van-row type="flex" justify="space-between">
                        <van-col>
                            时间：<span>{{list.fktime}}</span>
                        </van-col>
                    </van-row>
                    <van-row type="flex" justify="start" style="margin-top: 5px;border-top: 1px solid #eee;">
                        <van-col span="4">备注：</van-col>
                        <van-col span="20"><span>{{list.remark}}</span></van-col>
                    </van-row>
                </div>

                <div class="box2">
                    <div>
                        <van-field v-model="msg1" rows="2" autosize label="沟通记录:" type="textarea" style="padding: 0;"
                            :disabled="true" />
                    </div>
                    <div v-show="msg1Img">
                        <van-image width="10rem" height="10rem" fit="contain" :src="msg1Img" />
                    </div>
                </div>
                <div class="box3">
                    <div>
                        <van-field v-model="msg2" rows="2" autosize label="仓检情况:" type="textarea" style="padding: 0;"
                            :disabled="true" />
                    </div>
                    <div v-show="msg2Img">
                        <van-image width="10rem" height="10rem" fit="contain" :src="msg2Img" />
                    </div>
                </div>
                <div class="box4">
                    <div>
                        <van-field v-model="msg3" rows="2" autosize label="部门意见:" type="textarea" style="padding: 0;"
                            :disabled="true" />
                    </div>
                    <div v-show="msg3Img">
                        <van-image width="10rem" height="10rem" fit="contain" :src="msg3Img" />
                    </div>
                </div>

                <div class="btnStyle" v-show="auditStatus<3">
                    <van-button @click="getAuditBtn" type="info" block v-show="auditStatus==-1">发起审核</van-button>
                    <van-button @click="auditBtn" type="info" block>审核</van-button>
                </div>

            </div>
        </van-popup>

        <van-popup v-model="auditPopover" position="bottom" style="width: 100%;height: 50%;">
            <div>
                <van-form @submit="auditConfirm">
                    <van-field v-model="from.num" label="数量"></van-field>
                    <van-field v-model="from.price" label="单价"></van-field>
                    <van-field v-model="from.total" label="金额"></van-field>
                    <van-field readonly clickable :value="from.time" label="时间" @click="timePopover = true"></van-field>
                    <van-field v-model="from.remark" label="备注" type="textarea"></van-field>

                    <div style="position: fixed;bottom:0;width: 100%;margin: 0 0 15px 0;padding: 0 16px;">
                        <van-button round block type="info" native-type="submit">提交</van-button>
                    </div>
                </van-form>
            </div>
        </van-popup>
        
        <van-popup v-model="timePopover" position="bottom">
            <van-datetime-picker
                v-model="currentDate"
                @confirm="timeConfirm"
                @cancel="timePopover = false"
                type="date"
                title="选择年月"
                :min-date="minDate"
                :max-date="maxDate"
                :formatter="formatter"
            ></van-datetime-picker>            

        </van-popup>
    </div>
</body>
<script src="../commonJs/vue.min.js"></script>
<script src='http://dongtai.fsslpc.com/w/web/common/jquery.js'></script>
<script src="../commonJs/vant.min.js"></script>
<script src="../commonJs/common.js"></script>
<script src="../js/qualityPage.js"></script>

</html>